<template>
	<view>
		<view class="img_box"><image src="../../static/1.png" mode=""></image></view>
		<view class="">
			峰马影业（上海）有限公司总部位于北京，分部设在上海、沈阳，主营业务包括影视出品、影视制作、艺人经纪三大板块。并与中国电影集团公司、华夏电影（北京）有限公司、北京博纳影业集团有限公司、北京优影映画影视传媒、耳东影业（北京）有限公司等多家影视公司拥有战略合作。
		</view>
		<view class="">
			峰马影业秉承“品牌源于专业”的经营理念，打造“创新、专业、诚信、共赢'的文化氛围。坚持“内容原创，制作精良，正面积极价值观”的制有电则。致力于制作优质的影视作品，未来将形成连接资源与资本，制作与发行，科技创新与精湛技术多元化结合与合作的平台，期望成为影视领域知名的全产业链影视出品机构。
		</view>
		<view class="">
			峰马影业争做影视领域的标准化、专业化、产业化的知名全产业链出品机构，旨在通过科学有效的、国际化的影视制作和营销之道帮助客户构建卓越的影视品牌体系，协助更多的企业塑造国际化的品牌形象，在视频及互联网上树立属于企业的优秀的品牌形象和人文风格。
		</view>
		<view class="headline"><text class="title_box">相关阅读</text></view>
		<view class="recommend_list">
			<view class="recommend_item" v-for="(item, index) in recommendList" :key="index">
				<image :src="item.imgUrl" mode=""></image>
				<text>{{ item.title }}</text>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			recommendList: [
				{
					title: '中国机长',
					imgUrl: '../../static/indexImage/10.png'
				},
				{
					title: '囧妈',
					imgUrl: '../../static/indexImage/12.png'
				},
				{
					title: '中国机长',
					imgUrl: '../../static/indexImage/10.png'
				},
				{
					title: '囧妈',
					imgUrl: '../../static/indexImage/12.png'
				}
			]
		};
	},
	methods: {},
	onLoad(options) {
		console.log(options);
	}
};
</script>

<style lang="scss" scoped>
.img_box {
	image {
		width: 100%;
		height: 320upx;
		margin-bottom: 40upx;
	}
}

.headline {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 40upx;
	.title_box {
		font-size: 32upx;
		position: relative;
		&::after {
			content: '';
			display: block;
			width: 100%;
			height: 12upx;
			background: $red;
			border-radius: 17upx;
			opacity: 0.8;
			position: absolute;
			bottom: -2upx;
		}
	}
}

.recommend_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 20upx;
	.recommend_item {
		margin-bottom: 30upx;
		image {
			width: 330upx;
			height: 180upx;
			border-radius: 10upx;
			margin-bottom: 20upx;
		}
		text {
			display: block;
			font-size: 28upx;
		}
	}
}
</style>

<style>
page {
	padding: 30upx;
}
</style>
